515. Araxis Merge File Comparison Report

Produced by Araxis Merge on 2021-05-13 09:09:34 +0000. See www.araxis.com for information about Merge. This report uses XHTML and CSS2, and is best viewed with a modern standards-compliant browser. For optimum results when printing this report, use landscape orientation and enable printing of background images and colours in your browser.

515.1 Files compared

#LocationFileLast Modified
12021-05-13 09:09:34 +0000
2/Applications/Ampps/www/Porto v4.0.0/Theme Files/Magento 2.x/Porto Theme/pub/media/porto/configed_csssettings_demo24_en.css2021-04-28 03:14:22 +0000

515.2 Comparison summary

DescriptionBetween
Files 1 and 2
Text BlocksLines
Unchanged00
Changed00
Inserted1311
Removed00

515.3 Comparison options

WhitespaceConsecutive whitespace is treated as a single space
Character caseDifferences in character case are significant
Line endingsDifferences in line endings (CR and LF characters) are ignored
CR/LF charactersNot shown in the comparison detail
Active line-pairing rules

515.4 Active regular expressions

No regular expressions were active.

515.5 Comparison detail

    1 /**
    2  * WARNING: Do not change this file. Your changes will be lost.
    3  * 2021-04-28 03:14:21 */
    4 @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');body.boxed {
    5 }
    6 @media (min-width: 768px) {
    7     .page-layout-1column .product-info-main, .page-layout-2columns-left .product-info-main, .page-layout-2columns-right .product-info-main, .page-layout-3columns .product-info-main,.page-product-downloadable .product-options-bottom {
    8         width: 57.17%;
    9     }
    10     .page-layout-1column .product.media, .page-layout-2columns-left .product.media, .page-layout-2columns-right .product.media, .page-layout-3columns .product.media,.page-product-downloadable .product-options-wrapper {
    11         width: 40.83%;
    12     }
    13 
    14     .page-layout-1column .column.main > .custom-block ~ .product-info-main, .page-layout-2columns-left .column.main > .custom-block ~ .product-info-main, .page-layout-2columns-right .column.main > .custom-block ~ .product-info-main, .page-layout-3columns .column.main > .custom-block ~ .product-info-main {
    15         width: 42.8775%;
    16     }
    17     .page-layout-1column .column.main > .custom-block ~ .product.media, .page-layout-2columns-left .column.main > .custom-block ~ .product.media, .page-layout-2columns-right .column.main > .custom-block ~ .product.media, .page-layout-3columns .column.main > .custom-block ~ .product.media {
    18         width: 30.6225%;
    19     }
    20 }
    21 
    22 @media (min-width: 1500px) {
    23 body {
    24     margin: 30px;
    25     overflow: hidden;
    26 }
    27 }
    28 @media (min-width: 1440px) {
    29 .layout-1220 .block.category.event, .layout-1220 .footer.content, .layout-1220 .header.content, .layout-1220 .navigation, .layout-1220 .page-main, .layout-1220 .page-wrapper>.breadcrumbs >ul, .layout-1220 .page-wrapper>.page-bottom, .layout-1220 .page-wrapper>.widget, .layout-1220 .top-container, .layout-1220 .container {
    30     max-width: 1404px;
    31 }
    32 }
    33 body { 
    34     line-height: 25px;
    35     letter-spacing: 0; 
    36     background-color: #f4f4f4;
    37 }
    38 @media (max-width: 575px){
    39 body {
    40     font-size: 13px;
    41     line-height: 21px;
    42 }
    43 }
    44 p { 
    45     letter-spacing: 0;
    46     margin: 0 0 1.25rem;
    47     line-height: inherit;
    48 }
    49 li {
    50     line-height: 25px;
    51 }
    52 h1, h2, h3, h4, h5, h6 {
    53     font-family: Poppins,sans-serif;
    54     color: #222529; 
    55 }
    56 h1 { 
    57     font-weight: 700;
    58     font-size: 32px;
    59     line-height: 40px;
    60     letter-spacing: -.32px;
    61     margin: 0 0 32px 0;
    62 }
    63 h2 { 
    64     font-weight: 600;
    65     font-size: 24px;
    66     line-height: 30px;
    67     letter-spacing: -.24px;
    68     margin: 0 0 32px 0;
    69 }
    70 h3 { 
    71     font-weight: 500;
    72     font-size: 20px;
    73     line-height: 28px;
    74     letter-spacing: 0;
    75     margin: 0 0 20px 0;
    76 }
    77 h4 { 
    78     font-weight: 500;
    79     font-size: 16px;
    80     line-height: 22px;
    81     letter-spacing: 0;
    82     margin: 0 0 14px 0;
    83     color: #2b2b2d;
    84 }
    85 h5 { 
    86     font-weight: 500;
    87     font-size: 14px;
    88     line-height: 18px;
    89     letter-spacing: 0;
    90     margin: 0 0 14px 0;
    91     color: #2b2b2d;
    92 }
    93 h6 { 
    94     font-weight: 400;
    95     font-size: 13px;
    96     line-height: 18px;
    97     letter-spacing: 0;
    98     margin: 0 0 14px 0;
    99 }
    100 .home-banner-slider h2.vc_custom_heading, .custom-font4 {
    101     font-family: 'Segoe Script','Savoye LET';
    102 }
    103 html .heading-secondary, html .lnk-secondary, html .text-color-secondary {
    104     color: #ff7272;
    105 }
    106 html .btn-modern {
    107     text-transform: uppercase;
    108     font-size: .75rem;
    109     padding: .75rem 1.5rem;
    110     font-weight: 600;
    111     height: auto;
    112 }
    113 html .action.primary, html .btn {
    114     font-family: Poppins; 
    115     font-weight: 500;
    116     line-height: 1.42857;
    117     padding: .533rem .933rem; 
    118     letter-spacing: 0;
    119 }
    120 html .btn-modern {
    121     font-size: .8125rem;
    122     padding: 1em 2.8em;
    123 }
    124 html .action.primary, html .btn-primary {
    125     color: #fff;
    126     background-color: #3256f4;
    127     border-color: #3256f4 #3256f4 #0d35e7;
    128 }
    129 html .btn-secondary {
    130     color: #fff;
    131     background-color: #fe1656;
    132     border-color: #fe1656 #fe1656 #e1013f;
    133 }
    134 html .btn-tertiary {
    135     color: #fff;
    136     background-color: #047490;
    137     border-color: #047490 #047490 #034d5f;
    138 }
    139 html .btn-xl {
    140     font-size: 1rem;
    141     padding: .8rem 2rem;
    142 }
    143 .btn-modern.btn-xl {
    144     font-size: 1rem;
    145     padding: 1.25em 3.125em;
    146 }
    147 .btn-md {
    148     font-size: .8571em;
    149     font-weight: 600;
    150 }
    151 .btn-xl {
    152     font-size: 1rem;
    153     padding: .8rem 2rem;
    154 }
    155 .btn-flat {
    156     padding: 0!important;
    157     background: none!important;
    158     border: none!important;
    159     border-bottom: 1px solid transparent!important;
    160     box-shadow: none!important;
    161     text-transform: uppercase;
    162     font-size: .75rem;
    163 
    164 html .btn-dark {
    165     color: #fff;
    166     background-color: #222529;
    167     border-color: #222529 #222529 #0b0c0e;
    168 
    169 html .btn-light {
    170     color: #222529;
    171     background-color: #fff;
    172     border-color: #fff #fff #e6e6e6;
    173 }
    174 html .btn-quaternary {
    175     color: #fff;
    176     background-color: #383f48;
    177     border-color: #383f48 #383f48 #22262c;
    178 }
    179 html .background-color-secondary {
    180     background-color: #f4a085 !important;
    181 }
    182 .product-item-name a,.products-grid .price-box .price { 
    183     font-family: 'Open Sans';
    184     letter-spacing: .005em;
    185 
    186 .products-grid .product-item .product-item-info.type3 { 
    187     border: 1px solid #e7e7e7;
    188     padding: 16px 16px 5px;
    189     box-shadow: 0 2px 3px 0 rgb(0 0 0 / 5%);
    190 }
    191 .product-item-info.type3:hover .product-item-photo {
    192     box-shadow: 0 25px 35px -5px rgb(0 0 0 / 10%);
    193 }
    194 .top-icon .porto-sicon-header {
    195     margin-bottom: .75rem;
    196 }
    197 .widget, .sidebar-content .widget {margin-top: 1.5rem;margin-bottom: 1.5rem;}
    198 .widget .widgettitle {
    199     font-size: 1rem;
    200     letter-spacing: -.02em;
    201 
    202 .footer .widgettitle, .footer .widget-title {
    203     font-size: 1.23em;
    204     text-transform: none;
    205     font-weight: 600;
    206 }
    207 html .background-color-secondary {
    208     background-color: #ff7272!important;
    209 
    210 .page-wrapper > .breadcrumbs {   
    211     border-top: 1px solid #e7e7e7;
    212     border-bottom: 1px solid #e7e7e7;
    213     margin-bottom: 35px;
    214     font-size: 10px;
    215     font-weight: 700;
    216     letter-spacing: .05em;
    217 }
    218 .page-wrapper > .breadcrumbs .items {
    219     padding-top: 16px;
    220     padding-bottom: 16px;
    221 }
    222 .page-wrapper > .breadcrumbs .items>li.home a {
    223     width: auto;
    224     text-indent: 0;
    225 }
    226 .page-wrapper > .breadcrumbs .items>li.home a:after {
    227     display: none;
    228 }
    229 .catalog-category-view .sidebar.sidebar-main .sidebar-content {
    230     border: none;
    231 }
    232 .sidebar .sidebar-content .block-category-list, .side-custom-block .custom-block,.filter-options-item,.filter-actions {
    233     padding: 0;
    234     margin-bottom: 30px;
    235     border: none;
    236 }
    237 .filter-current {padding: 0;}
    238 .block-category-list .block-title, .side-custom-block .custom-block h2, .filter-options-title, .filter .filter-current-subtitle {
    239     border-bottom: 1px solid #e7e7e7;
    240     padding: 6px 0 6px;
    241     margin-bottom: 0;
    242     line-height: 1.4;
    243     font-size: 12px;
    244     font-weight: 600;
    245     color: #000;
    246     letter-spacing: .05em;
    247     font-family: Poppins,sans-serif;
    248 }
    249 .side-custom-block .custom-block h2 {
    250     margin-bottom: 10px;
    251 }
    252 .block-category-list .block-content,.filter-options-content,.custom-block .block-content, .filter-current .items,.filter-actions {
    253     padding-left: 15px;
    254 }
    255 .block-category-list .block-content ol li a {
    256     font-size: 12px;
    257     padding: 4px 0;
    258     font-weight: 400;
    259 }
    260 .side-custom-block .custom-block:last-child {
    261     margin-bottom: 0;
    262 }
    263 .side-custom-block .custom-block h5 {
    264     margin-top: 0 !important;
    265 }
    266 @media (min-width: 1440px) {
    267 .page-layout-2columns-left .sidebar-main,.page-layout-2columns-right .sidebar-main { 
    268     flex: 0 0 20%;
    269     width: 20%;
    270 }
    271 .page-layout-2columns-left .column.main,.page-layout-2columns-right .column.main { 
    272     flex: 0 0 80%;
    273     width: 80%;
    274 }
    275 }
    276 .footer, .footer p { 
    277     letter-spacing: 0;
    278 }
    279 .footer-middle > .container {
    280     padding-top: 3rem;
    281     padding-bottom: 1rem;
    282 }
    283 .footer-middle > .container:before {
    284     content: '';
    285     display: block;
    286     position: absolute;
    287     left: 10px;
    288     right: 10px;
    289     top: 0;
    290     border-top: 1px solid #e1e1e1;
    291 }
    292 .footer-middle > .container::after { 
    293     border-color: #e1e1e1;
    294 }
    295 @media (min-width: 992px) {
    296 .footer-middle .col-lg-3 {
    297     padding-left: 4.2%;
    298 }
    299 }
    300 .footer-bottom { 
    301     font-size: 1em;
    302 }
    303 .footer .follow-us .share-links a {
    304     width: 30px;
    305     height: 30px;
    306     border: none;
    307 }
    308 .footer .follow-us .share-links a:not(:hover) {
    309     background: none;
    310     color: #333;
    311 }